<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<link rel="stylesheet" type="text/css" href="<%=request.getContextPath() %>/css/reset.css" />
<link rel="stylesheet" type="text/css" href="<%=request.getContextPath() %>/css/css.css" />
<link rel="stylesheet" type="text/css" href="<%=request.getContextPath() %>/css/jquery.css" />
<link rel="stylesheet" type="text/css" href="<%=request.getContextPath() %>/css/ui-lightness/jquery-ui-1.8.7.custom.css" />

<script type="text/javascript" src="<%=request.getContextPath() %>/js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="<%=request.getContextPath() %>/js/jquery-ui-1.8.7.custom.min.js"></script>
<script type="text/javascript" src="<%=request.getContextPath()%>/js/chooselanguage.js"></script>
<script type="text/javascript" src="<%=request.getContextPath()%>/js/industry.js"></script>
<script type="text/javascript" src="<%=request.getContextPath()%>/js/AjaxAction.js"></script>

<script type="text/javascript">
	$.fx.speeds._default = 1000;

	$(function (){
		$("#btn_popup").bind("click", testjson);
		//set();
	});
	
	var context = '<%=request.getContextPath()%>';
	
	function testjson(event) {
		AjaxAction.executeWithJSON(context + '/', 'json', {}, function (data, status) {
			//alert(data.toString());
			var txt = new Array();
			
			for (var key in data) {
				txt.push(key + ":" + data[key]);
			}
			$("#jsonp").html(txt.join('<br/>'));
		});
	}
	
	function set() {
		$(".area").dialog({
			autoOpen: false,
			modal:true, 
			title:"请选择你所擅长的行业", 
			resizable:false, 
			width:'auto',
			buttons : {
				"确定": function() {$(this).dialog("close");},
				"取消": function() {$(this).dialog("close");}
			}
			//show: "blind",
			//hide: "explode"
		});
	}
	
	var win = null;
	
	function test(event) {
		if (win == null) {
			win = new IndustryWindow(true);
		}
		win.show(confirmCallback);
	}
	
	function confirmCallback(obj, args) {
			var txt = new Array();
			var hids = new Array();
			for (var i = 0 ; i < args.length ; i ++) {
				txt.push(args[i].txt);
				hids.push(args[i].id);
			}
			alert(txt.join(","));
			alert(hids.join(","));
	}
	
	function popupWindow(event) {
		$(".area").dialog('open');
	}
</script>
</head>
<body style="font-size: 10px;">
<input type="button" value="测试弹出窗口" id="btn_popup">
<div style="width: 540px; display: none;" class="sPopupDiv">
<div class="sPopupTL"></div>
<div class="sPopupTopBar" style="width: 524px;"></div>
<div class="sPopupTR"></div>
<div class="clear"></div>
<div class="sPopupTitle" style="width: 540px; cursor: move;">
<h1>行业类别：</h1>
<div class="clear"></div>
</div>
<div class="sPopupBlock" style="width: 536px;">
<div class="marginBlock">
<div class="popupDivTipsB">您最多可以选择 <b>10</b> 个行业类别</div>
<div class="popupDivTM"></div>
<table cellspacing="0" cellpadding="0" border="0" class="chebox">
	<tbody id="area_content">
		<tr>
			<td class="mOutItem"><label class="noselItem" for="c_buttonSelIndustry_160200"><input type="checkbox"
				iname="计算机硬件及网络设备" value="160200" id="c_buttonSelIndustry_160200" name="c_buttonSelIndustry">计算机硬件及网络设备</label></td>
			<td class="mOutItem"><label class="noselItem" for="c_buttonSelIndustry_160400"><input type="checkbox"
				iname="计算机软件" value="160400" id="c_buttonSelIndustry_160400" name="c_buttonSelIndustry">计算机软件</label></td>
		</tr>
		<tr>
			<td class="mOutItem"><label class="noselItem" for="c_buttonSelIndustry_160200"><input type="checkbox"
				iname="计算机硬件及网络设备" value="160200" id="c_buttonSelIndustry_160200" name="c_buttonSelIndustry">计算机硬件及网络设备</label></td>
			<td class="mOutItem"><label class="noselItem" for="c_buttonSelIndustry_160400"><input type="checkbox"
				iname="计算机软件" value="160400" id="c_buttonSelIndustry_160400" name="c_buttonSelIndustry">计算机软件</label></td>
		</tr>
		<tr>
			<td class="mOutItem"><label class="noselItem" for="c_buttonSelIndustry_160200"><input type="checkbox"
				iname="计算机硬件及网络设备" value="160200" id="c_buttonSelIndustry_160200" name="c_buttonSelIndustry">计算机硬件及网络设备</label></td>
			<td class="mOutItem"><label class="noselItem" for="c_buttonSelIndustry_160400"><input type="checkbox"
				iname="计算机软件" value="160400" id="c_buttonSelIndustry_160400" name="c_buttonSelIndustry">计算机软件</label></td>
		</tr>
		<tr>
			<td class="mOutItem"><label class="noselItem" for="c_buttonSelIndustry_160200"><input type="checkbox"
				iname="计算机硬件及网络设备" value="160200" id="c_buttonSelIndustry_160200" name="c_buttonSelIndustry">计算机硬件及网络设备</label></td>
			<td class="mOutItem"><label class="noselItem" for="c_buttonSelIndustry_160400"><input type="checkbox"
				iname="计算机软件" value="160400" id="c_buttonSelIndustry_160400" name="c_buttonSelIndustry">计算机软件</label></td>
		</tr>
		<tr>
			<td class="mOutItem"><label class="noselItem" for="c_buttonSelIndustry_160200"><input type="checkbox"
				iname="计算机硬件及网络设备" value="160200" id="c_buttonSelIndustry_160200" name="c_buttonSelIndustry">计算机硬件及网络设备</label></td>
			<td class="mOutItem"><label class="noselItem" for="c_buttonSelIndustry_160400"><input type="checkbox"
				iname="计算机软件" value="160400" id="c_buttonSelIndustry_160400" name="c_buttonSelIndustry">计算机软件</label></td>
		</tr>
	</tbody>
</table>
</div>
</div>
<div class="sPopupBL"></div>
<div class="sPopupBottomBar" style="width: 524px;"></div>
<div class="sPopupBR"></div>
<div class="clear"></div>
</div>
<div id="area" class="area" >
<dl>
<dd>
<input type="checkbox" onchange="change(this)" name="lang" id="2001" value="20001"/><span>中文</span>
<input type="checkbox" name="lang" value="20002"/><span>英语</span>
<input type="checkbox" name="lang" value="20003"/><span>法语</span>
<input type="checkbox" name="lang" value="20004"/><span>德语</span>
<input type="checkbox" name="lang" value="20005"/><span>韩语</span>
</dd>
</dl>
<dl>
<dd>
<input type="checkbox" name="lang" value="20006"/><span>日语</span>
<input type="checkbox" name="lang" value="20007"/><span>俄语</span>
<input type="checkbox" name="lang" value="20008"/><span>泰语</span>
<input type="checkbox" name="lang" value="20009"/><span>越南语</span>
<input type="checkbox" name="lang" value="20010"/><span>拉丁语</span>
</dd>
</dl>
<dl>
<dd>
<input type="checkbox" name="lang" value="20011" checked="checked"/><span>意大利语</span>
<input type="checkbox" name="lang" value="20012"/><span>阿拉伯语</span>
<input type="checkbox" name="lang" value="20013"/><span>葡萄牙语</span>
<input type="checkbox" name="lang" value="20014"/><span>西班牙语</span>
<input type="checkbox" name="lang" value="20015"/><span>其他语言</span>
</dd>
</dl>
</div>
<div id="jsonp" style="color: red; font-size: 20px;">
	aaaasdf
</div>
</body>
</html>